<!--
        	作者：zlm
        	时间：2019-04-22
        	描述：
        -->
<!DOCTYPE html>
<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta charset="utf-8" />
		<title>现场照片</title>
		<link rel="stylesheet" href="jquery-easyui-1.5.3/themes/default/easyui.css">
		<link href="jquery-easyui-1.5.3/themes/icon.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/xct.css" />
		<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.min.js"></script>
		<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
		<script type="text/javascript" src="font_jjkmvgsdpk/iconfont.js"></script>
		<link rel="stylesheet" href="font_jjkmvgsdpk/iconfont.css">
		<script src="font_5orzif3vv0i/iconfont.js"></script>
	</head>

	<body>

		<!--
        	批量上传窗口
        -->

		<div id="xctpdlgpic" class="easyui-dialog" data-options="modal:true" style="width: 35%; height: 50%; padding: 5px 10px;top:30%" closed="true">
			<form id="form_all_xctplogical" class="layui-form" method="post" enctype="multipart/form-data" style="margin-top: 6px;">
				<input id="xctpf" class="easyui-filebox" name="file1" style="width: 100%;" data-options="buttonText:'选择',prompt:'请选择文件...',
   							 multiple:true,label:'图片上传',">
				<hr />
				<div id="xctpimage" style="margin-left:20px;margin-top:10px ;"></div>
			</form>
		</div>

		<!--
        	添加窗口
        -->
		<div id="xctpdlgadd" class="easyui-dialog" data-options="modal:true" style="width: 100%; height: 90%; padding: 5px 10px;top:50px" closed="true">
			<form id="xctpForm" method="post" enctype="multipart/form-data">
				<div id="div">
					<table id="xctpform_table" class="form_table">
						<tr>
							<td class="td_left">
								序号：
							</td>
							<td class="td_right"><input name="serialNo" class="easyui-textbox" style="width:100%" readonly="readonly" id="serialNo" value="1" /></td>

							<td class="td_left">
								现场照片：
							</td>
							<td class="td_right"><input class="easyui-filebox" name="file" data-options="buttonText:'选择',prompt:'请选择文件...'" style="width:100%" /></td>

						</tr>
						<tr>
							<td class="td_left">
								现场照片类型：
							</td>
							<td><input type="radio" name="type"><label>方位</label>
								<input type="radio" name="type"><label>概貌</label>
								<input type="radio" name="type"><label>重点部位</label>
								<input type="radio" name="type"><label>细目</label>
								<input type="radio" name="type"><label>其它</label>
							</td>

							<td class="td_left">
								现场照片说明：
							</td>
							<td><input class="easyui-textbox" data-options="multiline:true" style="width:100%" /></td>
						</tr>

					</table>
				</div>
			</form>

		</div>

		<!--
        datagridbar工具栏
        -->
		<div id="xctpGridToolbar" style="display: none;">
			<a class="actions add easyui-linkbutton " iconCls="icon-add" plain="true">新增</a>
			<a class="actions manypicture easyui-linkbutton " iconCls="icon-large-picture" plain="true">批量上传</a>
			<a class="actions lotedit easyui-linkbutton " iconCls="icon-edit" plain="true">批量修改</a>
		</div>
		<table id="handdatagrid">
		</table>
		<div id="content_div">
			<div id="content_div_left">
				<table border="1" cellspacing="0" cellpadding="0" width="100%" style="border-color: #CEEBFF;font-size: 12px;">
					<th colspan="4" id="left_table_th">
						<img src="../../img/title_image.gif">现场照片缩略图显示（双击小图看大图）</th>
					<tr>
						<td class="left_table_td">
							<img title="双击查看大图" class="left_table_td_img" src="easyui/themes/bootstrap/images/passwordbox_close.png"> &nbsp;&nbsp;&nbsp;
						</td>
						<td class="left_table_td">
							<img title="双击查看大图" class="left_table_td_img" src="easyui/themes/bootstrap/images/passwordbox_close.png"> &nbsp;&nbsp;&nbsp;
						</td>
						<td class="left_table_td">
							<img title="双击查看大图" class="left_table_td_img" src="easyui/themes/bootstrap/images/passwordbox_close.png"> &nbsp;&nbsp;&nbsp;
						</td>
						<td class="left_table_td">
							<img title="双击查看大图" class="left_table_td_img" src="easyui/themes/bootstrap/images/passwordbox_close.png"> &nbsp;&nbsp;&nbsp;
						</td>
					</tr>
					<tr>
						<td class="left_table_tdNumber">
							<a ondblclick="" href="">1 </a>
						</td>
						<td class="left_table_tdNumber">
							<a ondblclick="" href="">2 </a>
						</td>
						<td class="left_table_tdNumber">
							<a ondblclick="" href="">3 </a>
						</td>
						<td class="left_table_tdNumber">
							<a ondblclick="" href="">4 </a>
						</td>
					</tr>
					<!-- 最后一行 -->

				</table>
			</div>
			<div style="float:left; border:1px solid #CEEBFF;width:29.6%;height: 100%;">
				<table id="handtableinfo" border="1" bordercolor="#CEEBFF" cellspacing="0" cellpadding="0" style="width:99%;font-size: 12px;">
					<tr>
						<th colspan="2" style="background-image: url(../../pages/images/pictitle.gif);height:32px">
							<label style="float:left;margin-top: 5px;">
							<img src="../../img/title_image.gif">现场照片基本信息
							</label>
							<a style="float: right;" class="easyui-linkbutton" plain="true" id="editHandInfo" iconcls="icon-zedit">编辑</a>

						</th>
					</tr>
					<tr>
						<td style="background-color: #EEF5FF;width:30%">序号 </td>
						<td>1</td>
					</tr>
					<tr>

						<tr>
							<td style="background-color: #EEF5FF;width:30%">现场照片类型 </td>
							<td>22</td>
						</tr>
						<tr>
							<td style="background-color: #EEF5FF;width:30%">现场说明 </td>
							<td>精液</td>
						</tr>

				</table>
				<table id="handtableinfo_edit" border="1" bordercolor="#CEEBFF" cellspacing="0" cellpadding="0" style="width:99%;display: none;font-size: 12px;">
					<tr>
						<th colspan="2" style="background-image: url(../../pages/images/pictitle.gif);height:32px"><label style="float:left;margin-top: 5px;"> <svg style="width: 1em;height: 1em;vertical-align: -0.1em;fill: currentColor;overflow: hidden;" aria-hidden="true ">
						<img src="../../img/title_image.gif">现场图片基本信息</label>

						</th>
					</tr>
					<tr>
						<td style="background-color: #EEF5FF;width:30%">序号 </td>
						<td style="width:'70%'">1</td>
					</tr>
					<tr>
						<td style="background-color: #EEF5FF;width:30%">现场图类型</td>
						<td><input type="radio" name="type"><label>方位</label>
							<input type="radio" name="type"><label>概貌</label>
							<input type="radio" name="type"><label>重点部位</label>
							<input type="radio" name="type"><label>细目</label>
							<input type="radio" name="type"><label>其它</label>
						</td>
					</tr>
					<tr>
						<td style="background-color: #EEF5FF;width:30%">现场照片说明 </td>
						<td><input class="easyui-textbox" data-options="multiline:true" width="300px" /></td>
					</tr>

					<tr>
						<td colspan="4" style="text-align: center;">
							<a class="easyui-linkbutton" id="" iconcls="icon-edit">保存</a>
							<a class="easyui-linkbutton" id="handedit_back" iconcls="icon-cancel">取消</a>
						</td>
					</tr>
				</table>

			</div>
		</div>
		<script src="js/xianchangtupian.js">
		</script>
	</body>

</html>